<!DOCTYPE HTML>
<html>

<head>
    <title>
        退款详情</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
    <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css" />
    <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="container">
        <div class="detail-page span24">
            <div class="">
                <h3>发票详情<button type="button" id="refund-list-btn" class="pull-right button button-default">返回</button></h3>
                <hr>
            </div>
            <div class="detail-section">
                <div class="row detail-row">
                    <div class="span24">
                        <table id="" class="table table-header table-condensed table-bordered">
                            <thead>
                                <td colspan="4">
                                    发票基础信息</td>
                            </thead>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">申请ID：</label>
                                </td>
                                <td>
                                    6080240000608
                                </td>
                                <td width="150">
                                    <label class="pull-right">申请时间：</label>
                                </td>
                                <td>
                                    2016-03-11 12:21:11
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label class="pull-right">开票状态：</label>
                                </td>
                                <td>
                                    未开票
                                    <button type="button" id=" " class="ml-10 pull-right button button-primary">撤销</button>
                                    <button type="button" id="sentInvoicebtnShow" class="ml-10 pull-right button button-primary">开票寄出</button>
                                </td>
                                <td>
                                    <label class="pull-right">寄出时间：
                                    </label>
                                </td>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">发票号：</label>
                                </td>
                                <td colspan="3">
                                    2038-01-19 11:14:00
                                </td>
                            </tr>
                        </table>
                        <table id="" class="table table-header table-condensed table-bordered">
                            <thead>
                                <td colspan="4">
                                    开票用户信息
                                </td>
                            </thead>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">帐号：</label>
                                </td>
                                <td>15900684377
                                </td>
                                <td width="150">
                                    <label class="pull-right">开票用户类型：</label>
                                </td>
                                <td>企业
                                </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">开票者名称：</label>
                                </td>
                                <td>
                                </td>
                                <td width="150">
                                    <label class="pull-right">开票企业名称：</label>
                                </td>
                                <td>开票企业名称：
                                </td>
                            </tr>
                        </table>
                        <table id="" class="table table-header table-condensed table-bordered">
                            <thead>
                                <td colspan="4">
                                    开票信息
                                </td>
                            </thead>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">发票类型：</label>
                                </td>
                                <td>
                                    增值税专用发票
                                </td>
                                <td width="150">
                                    <label class="pull-right">开具类型：</label>
                                </td>
                                <td>
                                    企业
                                </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">发票抬头:</label>
                                </td>
                                <td>
                                    上海激想体育文化股份有限公司
                                </td>
                                <td width="150">
                                    <label class="pull-right">注册地址 :</label>
                                </td>
                                <td>
                                    上海上海市浦东新区金藏路351号33幢201室
                                </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">注册电话:</label>
                                </td>
                                <td>
                                    021-50327827
                                </td>
                                <td width="150">
                                    <label class="pull-right">纳税人识别号:</label>
                                </td>
                                <td>
                                    7516461658165
                                </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">开户银行:</label>
                                </td>
                                <td>
                                    0371-68101625
                                </td>
                                <td width="150">
                                    <label class="pull-right">银行帐号:</label>
                                </td>
                                <td>
                                    18516230495
                                </td>
                            </tr>
                        </table>
                        <table id="" class="table table-header table-condensed table-bordered">
                            <thead>
                                <td colspan="4"> 收货信息</td>
                            </thead>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">收货人：</label>
                                </td>
                                <td>
                                    张三 </td>
                                <td width="150">
                                    <label class="pull-right">配送物流：</label>
                                </td>
                                <td> </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">省市区:</label>
                                </td>
                                <td>
                                    河南省周口市庆丰区 </td>
                                <td width="150">
                                    <label class="pull-right">运单号：</label>
                                </td>
                                <td> </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">详细地址：</label>
                                </td>
                                <td>
                                    庆丰东路1号 </td>
                                <td width="150">
                                    <label class="pull-right">激想仓库编码：</label>
                                </td>
                                <td> 200231 </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">联系电话：</label>
                                </td>
                                <td>
                                    0371-68101625</td>
                                <td width="150">
                                    <label class="pull-right">手机：</label>
                                </td>
                                <td>
                                    18516230495 </td>
                            </tr>
                        </table>
                        <table id="" class="table table-header table-condensed table-bordered">
                            <thead>
                                <td colspan="4">
                                    售后用户信息</td>
                            </thead>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">下单用户ID：</label>
                                </td>
                                <td>
                                    4151451
                                </td>
                                <td width="150">
                                    <label class="pull-right">下单帐号：</label>
                                </td>
                                <td>
                                    15900684377 </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">下单用户类型：</label>
                                </td>
                                <td>
                                    企业 </td>
                                <td width="150">
                                    <label class="pull-right">用户等级：</label>
                                </td>
                                <td>
                                    F2 </td>
                            </tr>
                            <tr>
                                <td width="150">
                                    <label class="pull-right">下单者名称：</label>
                                </td>
                                <td> </td>
                                <td width="150">
                                    <label class="pull-right">下单企业名称：
                                    </label>
                                </td>
                                <td> 上海激想体育文化股份有限公司</td>
                            </tr>
                        </table>
                        <!-- 表格 start-->
                        <div>
                            <div class="grid-header"> 开票订单信息</div>
                            <div id="grid"></div>
                        </div>
                        <!-- 表格 end-->
                        <table id="" class="table table-header table-condensed table-bordered">
                            <thead>
                                <td colspan="4">
                                    开票金额
                                </td>
                            </thead>
                            <tr>
                                <td width="150">
                                    合并订单数：
                                </td>
                                <td>
                                    5
                                </td>
                                <td width="150">
                                    开票金额：
                                </td>
                                <td>
                                    1,592.00
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 初始隐藏 sentInvoiceDialog内容 -->
    <div id="sentInvoice" class="hide">
        <form id="sentInvoiceform" class="form-horizontal">
            <div class="row">
                <div class="control-group span12 offset1">
                    <label class="control-label">
                        发票号：</label>
                    <div class="controls">
                        <input type="text" data-rules="{required:true,number:true}" class="input-normal control-text">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="control-group span12 offset1">
                    <label class="control-label">
                        物流公司:</label>
                    <div class="controls">
                        <select name="" id="">
                            <option> 申通速递</option>
                            <option>圆通速递</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="control-group span12 offset1">
                    <label class="control-label">
                        运单号：</label>
                    <div class="controls">
                        <input type="text" data-rules="{required:true,number:true}" class="input-normal control-text">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
    <script type="text/javascript" src="../../../assets/js/bootstrap.js"></script>
    <script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
    <script type="text/javascript" src="../../../assets/js/config-min.js"></script>
    <script type="text/javascript">
    BUI.use('common/page');
    </script>
    <script type="text/javascript">
    BUI.use(['bui/grid', 'bui/data', 'common/search', 'bui/overlay', 'bui/form'], function(Grid, Data, Search, Overlay, Form) {
        var Grid = Grid,
            Store = Data.Store,
            columns = [{
                title: '订单编号',
                dataIndex: 'a',
                elCls: 'center', //居中
                width: 200
            }, {
                title: '供应商',
                dataIndex: 'b',
                elCls: 'center', //居中
                width: 100
            }, {
                title: '支付方式',
                elCls: 'center',
                dataIndex: 'c',
                width: 100
            }, {
                title: '支付时间',
                elCls: 'center',
                dataIndex: 'd',
                width: 200
            }, {
                title: '交易金额',
                elCls: 'center',
                dataIndex: 'e',
                width: 100
            }],
            data = [{
                id: 1,
                a: '71051017733186',
                b: '激想',
                c: '快捷支付',
                d: '2016-09-22',
                e: ' 398.00',

            }, {
                id: 2,
                a: '71051017733186',
                b: '激想',
                c: '快捷支付',
                d: '2016-09-22',
                e: ' 398.00',

            }];

        //初始化数据
        var store = new Store({ //初始化数据
                data: data,
                autoLoad: true, //自动加载数据
                pageSize: 2 // 配置分页数目
            }),
            grid = new Grid.Grid({
                render: '#grid',
                elCls: 'small-bui-grid-table mb-20',
                columns: columns,
                loadMask: true, //加载数据时显示屏蔽层
                store: store
            });
        grid.render();

        $("#refund-list-btn").click(function() {
            top.topManager.closePage();
        });
        var sentInvoiceDialog = new Overlay.Dialog({
            title: '确定开票',
            width: 500,
            //配置DOM容器的编号
            contentId: 'sentInvoice',
            success: function() {
                //点击成功时候操作 
                var form = new Form.Form({
                    srcNode: '#sentInvoiceform'
                }).render();
                form && form.submit();
                
            }
        });
        $('#sentInvoicebtnShow').on('click', function() {
            sentInvoiceDialog.show();
        });

    });
    </script>

    <body>

</html>
